<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <title>9关于我们</title>
    <style>
        .aboutUs {
            width: 100%;
        }

        .public_title {
            max-width: 820px;
        }

        .aboutUs_dFlex {
            display: flex;
            justify-content: space-between;
        }

        .aboutUs_lText {
            background-color: rgb(25, 27, 84);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 32%;
            text-align: center;
            height: 680px;
            padding: 138px 0;
        }

        .aboutUs_lText_topBox h3,
        .aboutUs_lText_bottomBox h3 {
            color: var(--c_theme);
            font-size: 24px;
            line-height: 31px;
            font-weight: 700;
        }

        .aboutUs_lText_topBox img {
            max-width: 117px;
            height: 20px;
        }

        .aboutUs_lText_bottomBox p {
            color: var(--c_subtitle);
            font-size: var(--f_text);
            line-height: var(--l_text);
        }

        .aboutUs_rImg {
            width: 48%;
            position: relative;
        }

        .aboutUs_rImg img {
            width: 300px;
            height: 321px;
            position: absolute;
            bottom: 0;

        }

        .aboutUs_rImg p {
            background-color: rgb(0 0 0 / 45%);
            position: absolute;
            bottom: 0;
            color: #fff;
            left: 0;
            right: 48%;
            font-size: 16px;
            line-height: 44px;
            text-align: center;
        }

        /* 关于我们下面内容 */
        .aboutUs_bottom_lText {
            width: 20%;
            position: relative;
        }

        .aboutUs_bottom_lText h3 {
            color: var(--c_theme);
            font-size: 24px;
            line-height: 31px;
            font-weight: 700;
            position: absolute;
            width: 100%;
            bottom: 46%;
        }

        .aboutUs_bottom_lText p {
            color: var(--c_subtitle);
            font-size: var(--f_text);
            line-height: var(--l_text);
            position: absolute;
            width: 100%;
            bottom: 27%;
        }

        .aboutUs_bottom_inImg {
            width: 36%;
            position: relative;
        }

        .aboutUs_bottom_inImg img {
            width: 300px;
            height: 321px;
        }

        .aboutUs_bottom_inImg p {
            background-color: rgb(0 0 0 / 45%);
            position: absolute;
            bottom: 0;
            color: #fff;
            left: 0;
            right: 31%;
            font-size: 16px;
            line-height: 44px;
            text-align: center;
        }

        .aboutUs_bottom_rImg {
            width: 25%;
            position: relative;
        }

        .aboutUs_bottom_rImg img {
            width: 300px;
            height: 321px;
        }

        .aboutUs_bottom_rImg p {
            background-color: rgb(0 0 0 / 45%);
            position: absolute;
            bottom: 0;
            color: #fff;
            left: 0;
            right: 0%;
            font-size: 16px;
            line-height: 44px;
            text-align: center;
        }

        @media(max-width: 768px) {
            .aboutUs_lText {
                width: 49%;
                padding: 38px 0;
                height: 250px;
            }

            .aboutUs_lText_topBox h3,
            .aboutUs_lText_bottomBox h3 {
                font-size: 18px;
            }

            .aboutUs_rImg img {
                width: 100%;
                height: 250px;
            }

            .aboutUs_rImg p {
                right: 0%;
                line-height: 30px;
            }

            .aboutUs_dFlex {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
            }

            .aboutUs_bottom_lText {
                width: 100%;
                position: static;
                margin-top: 10px;
            }

            .aboutUs_bottom_lText h3 {
                position: static;
            }

            .aboutUs_bottom_lText p {
                position: static;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .aboutUs_bottom_inImg img {
                width: 100%;
                height: 250px;

            }

            .aboutUs_bottom_inImg,
            .aboutUs_bottom_rImg {
                width: 48.5%;
            }

            .aboutUs_bottom_rImg img {
                width: 100%;
                height: 250px;
            }

            .aboutUs_bottom_rImg p,
            .aboutUs_bottom_inImg p {
                right: 0%;
                line-height: 30px;
            }

            .aboutUs_lText_bottomBox p {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical;
            }
        }
    </style>
</head>
<!-- 第九套关于我们 -->

<body>
    <div class="aboutUs modular title_left">
        <div class="public_width_page">
            <div class="public_title">
                <p>公司成立于2006年8月，是一家集企业品牌策划，媒体广告代理，户外广告、文化展厅、场馆会展、园林景观等设计与制作，图书出版发行，商务咨询与培训，计算机软件开发，旅游文化规划为一体的专业传媒公司。<br>
                    公司秉承“创意无限、爱无终点”的企业精神，坚守“用专业和真诚嬴得客户感动”的服务思想，培育了一大批策动、设计、制作、施工的专业团队，业务遍及重庆、贵州、四川、云南、广西等西部省市。</p>
            </div>
            <div class="aboutUs_dFlex">
                <div class="aboutUs_lText">
                    <div class="aboutUs_lText_topBox">
                        <h3>CREATIVE TEAM</h3>
                        <img src="../images/aboutUs9Img1.png" alt="">
                    </div>
                    <div class="aboutUs_lText_bottomBox">
                        <h3>创意团队</h3>
                        <p>勿忘初心不负梦想的企业精神</p>
                    </div>
                </div>
                <div class="aboutUs_rImg">
                    <img src="../images/part_imgText_one_index_fuor.jpg" alt="">
                    <p>资深平面设计师 梁</p>
                </div>
            </div>
            <div class="aboutUs_dFlex">
                <div class="aboutUs_bottom_lText">
                    <h3>主创团队</h3>
                    <p>创意的坚守，工匠精神是我们不可或缺的态度！</p>
                </div>
                <div class="aboutUs_bottom_inImg">
                    <img src="../images/part_imgText_one_index_fuor.jpg" alt="">
                    <p>资深平面设计师 梁</p>
                </div>
                <div class="aboutUs_bottom_rImg">
                    <img src="../images/part_imgText_one_index_fuor.jpg" alt="">
                    <p>资深平面设计师 梁</p>
                </div>

            </div>
        </div>
    </div>

</body>

</html>